<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="../../styles/normalize.css" />
    <link rel="stylesheet" href="../../styles/scss/animation.css" />
  </head>
  <body>
    <div class="a-name">
      <div>css animation</div>
    </div>
    <div class="a-delay">
      <div></div>
      <div></div>
    </div>
    <div class="a-delay-use">
      <div>1</div>
      <div>2</div>
      <div>3</div>
    </div>
    <ul class="a-delay-two">
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
    </ul>
    <div class="a-timing-function">
      <div class="box"></div>
    </div>
    <div class="a-play-state">
      <div class="btn stop">stop</div>
      <div class="animation"></div>
    </div>
    <!--动画的分治与复用-->
    <div class="a-combine">
      <div></div>
    </div>
  </body>
</html>
